// 登录的接口
import { login, getUserInfo, getUserRole } from '@/api/user'
// 引入cookies
import { getToken, setToken, removeToken } from '@/utils/auth'
import { resetRouter } from '@/router'

const state = {
  // 设置token为空
  token: getToken() || '',
  userInfo: {}
}
// 通过柜台人员
const mutations = {
  // 设置token
  setToken(state, data) {
    state.token = data
    // 为了避免数据的丢失，把它持久化数据
    // 把token传进去
    setToken(data)
  },

  // 设置用户信息
  setUserInfo(state, data) {
    state.userInfo = data
  },

  // 删除token
  removerUserCookie(state) {
    // 删除state保存的token
    state.token = ''
    // 同时还要删除缓存里面的cookie
    removeToken()
  },

  // 删除用户信息
  removerUserInfo(state) {
    state.userInfo = {}
    // 还要重置路由避免高权限退出低权限登录时的残留
    resetRouter()
  }
}

// 三步走
// 1.通过action来异步发送请求
// 2.通过mutations来修改数据
const actions = {
  // 定义 login action 也需要参数， 调用action时，传递过来的参数
  async login(store, data) {
    // 发送请求
    const res = await login(data)
    // console.log(res)
    // action 修改state，必须通过mutations
    store.commit('setToken', res)
    // 在这里设置缓存的时间戳
    localStorage.setItem('loginTime', Date.now())
  },

  // 发送请求，获取用户详情信息
  async getUserInfo(store) {
    const res = await getUserInfo()
    const res1 = await getUserRole(res.userId)
    // console.log(res, res1)
    store.commit('setUserInfo', { ...res, ...res1 })
  }

}

export default {
  namespaced: true,
  state,
  mutations,
  actions
}

